<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div class="content" style="width: 1200px; margin: auto; margin-top: 40px;" th:fragment="thList">
  <div class="content-l" style="display: inline-block; width: 238px;">
    <div
        style="background-color: #0074bd; color: #fff; font-size: 18px; height: 58px; text-align: center; border-top-right-radius: 4px; border-top-left-radius: 4px; line-height: 58px;">
      中国乡村网
    </div>
    <div class="content-l-card" style="width: 238px; margin-top: 30px;">
      <el-timeline :reverse="reverse">
        <el-timeline-item v-for="(activity, index) in activities" :key="index"
                          :timestamp="activity.timestamp">
          {{activity.content}}
        </el-timeline-item>
      </el-timeline>
    </div>
  </div>
  <div class="content-r"
       style="display: inline-block; width: 920px; margin-left: 36px; vertical-align: top;">
    <div class="title" style="width: 100%; height: 37px; border-bottom: 1px solid #606266;">
						<span
                style="display: inline-block; font-weight: 700; font-size: 16px; line-height: 22px; color: #0074bd;border-bottom: 2px solid #0074bd; height: 37px;">
							乡村振兴
						</span>
    </div>
    <div class="content-r-news" style="height: auto;width: 920px; margin-top: 30px;">
      <div v-for="o in 5" :key="o"
           style="width: 920px;height: auto; margin-bottom: 50px; padding-left: 10px;">
        <el-image :fit="fit" :src="img" style="width: 205px; height: 150px; display: inline-block;">
        </el-image>
        <div class="news"
             style="display: inline-block;width: 689px; margin-left: 20px; vertical-align: top;">
								<span
                    style="display: inline-block; font-weight: 700; font-size: 18px; line-height: 24px; color: #000; height: 37px;">
									乡村秋收忙
								</span>
          <div style="width: 690px; color: #666;">2021-08-08</div>
          <p style="display:block; height: 78px;line-height: 30px; font-size: 15px; color: #666;">
            今年以来，克服新冠肺炎疫情带来的不利影响，我国经济稳今年以来，克服新冠肺炎疫情带来的不利影响，我国经济稳今年以来，克服新冠肺炎疫情带来的不利影响，我国经济稳今年以来，克服新冠肺炎疫情带来的不利影响，我国经济稳
          </p>
        </div>
      </div>
      <el-pagination background layout="prev, pager, next" :total="50" hide-on-single-page style="">
      </el-pagination>
    </div>
  </div>
</div>
</body>
</html>